<template>
  <div class="home-box">
    <div class="home-title">激光清障仪管控平台</div>
    <div class="register-box">

    </div>
  </div>
</template>

<script>
export default {
  name: 'myRegister',
  components: {

  },
  data() {
    return {

    };
  },
  methods: {

  },
}
</script>

<style scoped>
/* 组件样式 */
.home-box {
  background-image: url('@/assets/img/bg.png');
  height: 100vh;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.home-title {
  font-size: 30px;
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: 9px;
  text-align: center;
  background-image: url('@/assets/img/top-title.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  line-height: 86px;
}

.register-box {
  width: 500px;
  height: 410px;
  background-image: url('@/assets/img/register.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0 auto;
  transform: translateY(200px);
}
</style>